
*{
    margin: 0;
    padding: 0;
}
.container{
    width: 1440px;
    height: 2000px;
    margin: 50px auto;
    text-align: center;
    position: relative;
    background-image: url(5.jpg);
    border: solid 20px  #7e66248c;
}
   .header{
       width: 1400px;
       height: 420px;
       /* background-color: #df8825; */
       position: absolute;
       left: 20px;

   }
    .header img{
        position: absolute;
        left: 150px;
        top: 10px;
        width:250px auto;
        height: 350px auto;
    }
     .one{
         width: 450px;
         height: 260px;
         border-radius:80px ;
         background-color: hsla(34, 39%, 47%, 0.555);
         position: absolute;
         /* opacity: 0.5; */
         right: 200px;
         bottom: 65px;
     }
         .one p{
            text-align: left;
            color: #eee4e4;
            font-size: 55px;
            position: absolute;
            left: 30px;
            top: 60px;
        }
   .nav{
       width: 1400px;
       height: 100px;
       border-radius: 450px;
       background-color: rgba(182, 141, 79, 0.5);
       position: absolute;
       top: 425px;
       left: 20px;
   }
     
    a{
       color: #f5eeee;
       text-decoration: none;
       font-size: 25px;

    } 
    a:hover{
           color:#e49096;
           background-color:#d9d9d9 ;
        }
          .big{
              position: absolute;
              left: 200px;
              top: 40px;
          }
          .small{
            position: absolute;
            left: 650px;
            top: 40px;
          }
          .out{
            position: absolute;
            right: 200px ;
            top: 40px;
          }
   
   .team{
       width: 1400px;
       height: 500px;
       /* background-color: #c59309; */
       border: solid #080808;
       position: absolute;
       top: 530px;
       left: 20px;
       transition: width 2s;
       -moz-transition: width 2s;
       -webkit-transition: width 2s;
       -o-transition: width 2s;
   }
   .team:hover{
       width: 600px;
   }
        .team h3{
            font-size: 35px;
            display: inline-block;
            color: #f3e6e6;
            position: absolute;
            left: 25px;
            top: 20px;
            transition: all 1s;
        }
        .team h3:hover{
            transform: scale(1.5);
        }
       
        .tow{
            width: 200px;
            height: 200px;
            border-radius: 100px;
            overflow: hidden;
            position: absolute;
            left: 150px;
            top: 100px;
            transition: all 1s;
        }
        .tow:hover{
            transform: rotate(360deg);
        }
        .ou{
            width: 60px;
            text-align: left;
            height: 65px;
            position: absolute;
            bottom: 100px;
            left: 220px;
            color: #faf5f5;
            transition: all 1s;
        }
        .ou:hover{
            transform: scale(1.5);
        }
        .three{
            width: 200px;
            height: 200px;
            border-radius: 100px;
            overflow: hidden;
            position: absolute;
            left: 450px;
            top: 100px;
            transition: all 1s;
        }
        .three:hover{
            transform: rotate(360deg);
        }
        .oy{
            width: 60px;
            text-align: left;
            height: 65px;
            position: absolute;
            bottom: 100px;
            left: 540px;
            color: #faf5f5;
            transition: all 1s;
        }
        .oy:hover{
            transform: scale(1.5);
        }
        .four{
            width: 200px;
            height: 200px;
            border-radius: 100px;
            overflow: hidden;
            position: absolute;
            right: 450px;
            top: 100px;
            transition: all 1s;
        }

 .four:hover{
            transform: rotate(360deg);
        }
        .ot{
            width: 60px;
            text-align: left;
            height: 65px;
            position: absolute;
            bottom: 100px;
            right: 500px;
            color: #faf5f5;
            transition: all 1s;
        }
        .ot:hover{
            transform: scale(1.5);
        }
        .five{
            width: 200px;
            height: 200px;
            border-radius: 100px;
            overflow: hidden;
            position: absolute;
            right: 150px;
            top: 100px;
            transition: all 1s;
        }
        .five:hover{
            transform: rotate(360deg);
        }
        .or{
            width: 60px;
            text-align: left;
            height: 65px;
            position: absolute;
            bottom: 100px;
            right: 200px;
            color: #faf5f5;
            transition: all 1s;
        }
        .or:hover{
            transform: scale(1.5);
        }
   .work{
       width: 1400px;
       height: 760px;
       /* background-color: #a398e7; */
       border: 20px;
       position: absolute;
       bottom: 100px;
       left: 20px;
   }
   .work h3{
       font-size: 35px;
       display: inline-block;
       color: #e9dada;
       position: absolute;
       left: 25px;
       top: 20px;
       transition: all 1s;
   }
   .work h3:hover{
       transform: scale(1.5);
   }
   .footer{
       width: 1400px;
       height: 200px;
       background-color: rgba(163, 110, 75, 0.568);
       position: absolute;
       bottom: 0px;
       left: 20px;
   }
       .footer img{
           position: absolute;
           left: 200px;
           top: 20px;
       }
       .footer p{
           text-align: left;
           position: absolute;
           top: 55px;
           left: 555px;
       }

